page {
    background: #f4f4f4;
}

.box,
page {
    height: 100%;
}

.box {
    top: 0;
    left: 0;
    width: 750rpx;
    overflow: hidden;
    position: absolute;
}

.banner {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-img {
    width: 750rpx;
    height: 335rpx;
}

.ggtp {
    width: 750rpx;
    height: 1420rpx;
}

.look_box .looks {
    width: 381rpx;
    height: 78rpx;
    display: block;
    margin: 0 auto;
    padding-top: 50rpx;
}

.look_box {
    left: 0;
    bottom: 140rpx;
    width: 750rpx;
    height: 200rpx;
    position: absolute;
}

.name {
    color: #fff;
    display: block;
    font-size: 60rpx;
    font-weight: 700;
    text-align: center;
    line-height: 80rpx;
    padding-top: 130rpx;
    position: relative;
    z-index: 3;
}

.bannerImg {
    top: 0;
    left: 0;
    width: 750rpx;
    display: block;
    height: 335rpx;
    position: absolute;
}

.mian {
    width: 750rpx;
    padding: 0rpx 25rpx;
    background: #f4f4f4;
}

.daohang {
    float: left;
    height: 80rpx;
    width: 650rpx;
    padding: 25rpx;
    margin-top: -65rpx;
    position: relative;
    border-radius: 20rpx;
    background-color: #fff;
    z-index: 2;
}

.clear {
    clear: both;
}

.btn {
    display: inline-block;
    width: 160rpx;
    height: 136rpx;
    text-align: center;
    font-size: 26rpx;
}

.btn image {
    width: 100rpx;
    height: 100rpx;
}

.page_row {
    height: 70rpx;
    display: flex;
    width: 630rpx;
    overflow: hidden;
    padding: 5rpx 10rpx;
    background: #6b91da;
    justify-content: space-around;
}

.page_row,
.search {
    border-radius: 10rpx;
}

.search {
    width: 490rpx;
    background: #fff;
    padding-left: 25rpx;
}

.search .search_arr {
    height: 70rpx;
    line-height: 70rpx;
}

.searchcion {
    float: left;
    width: 30rpx;
    height: 30rpx;
    margin-top: 20rpx;
}

.searchValue {
    font-size: 30rpx;
    line-height: 70rpx;
    padding-left: 5rpx;
}

.search_arr input {
    height: 70rpx;
    line-height: 70rpx;
    text-align: left;
    border-radius: 5px;
    background: #fff;
}

.sousuo {
    width: 100rpx;
    font-size: 28rpx;
    margin-left: 10rpx;
    text-align: center;
    line-height: 70rpx;
    border-radius: 10rpx;
    color: #fff;
}

.bg {
    display: flex;
    width: 700rpx;
    padding: 25rpx;
    flex-wrap: wrap;
    margin: 30rpx auto;
    background: #fff;
    border-radius: 20rpx;
    justify-content: start;
}

.database {
    width: 33.3%;
    height: 320rpx;
    position: relative;
    display: inline-block;
    margin-bottom: 20rpx;
}

.book {
    width: 161rpx;
    height: 240rpx;
    display: block;
    margin: 0 auto;
    box-shadow: 5rpx 0rpx 8rpx #f1f1f1,-5rpx 0rpx 8rpx #f1f1f1,0rpx 5rpx 8rpx #f1f1f1,0rpx -5rpx 8rpx #f1f1f1;
}

.title {
    line-height: 40rpx;
}

.look,
.title {
    display: block;
    font-size: 20rpx;
    text-align: center;
    overflow: hidden;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.look {
    color: #fff;
    width: 152rpx;
    height: 40rpx;
    margin: 0 auto;
    line-height: 40rpx;
    border-radius: 20rpx;
    background: #d9240f;
}

.banner .back {
    top: 70rpx;
    left: 30rpx;
    width: 16rpx;
    height: 28rpx;
    position: absolute;
}

.books {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.corde {
    display: inline-block;
}

.corde,
.htImg {
    width: 100%;
}

.modalBox {
    position: fixed;
}

.modal_bg,
.modalBox {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.modal_bg {
    background: rgba(0, 0, 0, .1);
}

.modal,
.modal_bg {
    position: absolute;
}

.modal {
    top: 50%;
    left: 125rpx;
    width: 440rpx;
    height: 300rpx;
    padding: 30rpx;
    margin-top: -150rpx;
    background: #fff;
    z-index: 100;
    border-radius: 30rpx;
}

.gz {
    color: #333;
    display: block;
    line-height: 3em;
}

.copy,
.gz {
    font-size: 30rpx;
}

.copy {
    padding: 20rpx;
    color: #6b91da;
    line-height: 30rpx;
    border: 1px solid #6b91da;
    display: inline-block;
}

.know {
    left: 0;
    width: 100%;
    bottom: 0;
    font-size: 30rpx;
    line-height: 3em;
    position: absolute;
    border-top: 1px solid #eee;
}

.copyok,
.know {
    color: #333;
    text-align: center;
}

.copyok {
    width: 440rpx;
    display: block;
    font-size: 20rpx;
    line-height: 70rpx;
    background: #ccc;
    border: 1px solid transparent;
}

.addbox {
    position: fixed;
    z-index: 9;
}

.addbox,
.modalbg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modalbg {
    background: rgba(0, 0, 0, .2);
}

.add,
.modalbg {
    position: absolute;
    z-index: 10;
}

.add {
    top: 50%;
    left: 85rpx;
    border-radius: 20rpx;
}

.add,
.wsxx {
    width: 580rpx;
}

.wsxx {
    height: 299rpx;
    display: block;
}

.myform {
    background: #fff;
    padding: 40rpx 40rpx 10rpx;
}

.section {
    width: 500rpx;
    display: flex;
    flex-wrap: wrap;
    color: #333;
    max-height: 400rpx;
    line-height: 80rpx;
    text-indent: 10rpx;
    overflow-y: scroll;
    margin-bottom: 30rpx;
    background: #eaeaea;
}

.section .group {
    display: inline;
}

.section .group .label-1 {
    display: inline-block;
}

.section .group .label-2 {
    width: 50%;
    display: inline-block;
}

.zhuce {
    width: 450rpx;
    color: #fff;
    font-size: 30rpx;
    font-family: microsoft yahei;
    line-height: 60rpx;
    padding: 0rpx;
    border-radius: 30rpx;
    display: block;
    min-height: auto;
    text-align: center;
    margin: 0 auto 20rpx;
    background: #2e77ff;
}

.modal_box0222 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
}

.modal_bg0222 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    opacity: 0.4;
    z-index: 1000;
}

.modal0222 {
    top: 50%;
    width: 100%;
    height: 50%;
    margin-top: -50%;
    position: absolute;
    z-index: 1001;
    text-align: center;
}

.wxewm0222 {
    width: 50%;
    display: block;
    margin: 0 auto 35rpx;
    border-radius: 10rpx;
}

.savewxewm0222,
.copy0222 {
    width: 50%;
    color: #fff;
    height: 60rpx;
    display: block;
    padding: 15rpx;
    font-size: 34rpx;
    line-height: 60rpx;
    margin: 0 auto 35rpx;
    border-radius: 10rpx;
}

.savewxewm0222 {
    background: linear-gradient(to right, #f11927, #ca1420);
}


.wxh0222 {
    color: #fff;
    display: block;
    font-size: 38rpx;
    text-align: center;
    margin: 0 auto 20rpx;
}

.copy0222 {
    background: linear-gradient(to right, #f11927, #ca1420);
}

.close0222 {
    width: 80rpx;
    height: 80rpx;
    display: block;
    margin: 0 auto;
}


/* 拉起授权弹框 */
.userauth {
    position: fixed;
    width: 80%;
    height: 560rpx;
    left: 10%;
    top: 50%;
    margin-top: -280rpx;
    z-index: 11;
    background-color: #fff;
    border-radius: 15rpx;
    overflow: hidden;
    box-shadow: 0 10rpx 15rpx rgba(0, 0, 0, .6);
}

.authtitle {
    text-align: center;
    font-size: 40rpx;
    line-height: 90rpx;
    color: #fff;
    background-color: #D80015;
    font-weight: bold;
}

.authtext {
    text-align: center;
    font-size: 30rpx;
    line-height: 60rpx;
    color: #333;
    padding: 100rpx 0;
}

.authfooter {
    text-align: center;
    border: none;
    border: none;
    padding: 0 5%;
}

.authfooter button {
    width: 40%;
    font-size: 34rpx;
    line-height: 2;
    border-radius: 15rpx;
}

.setbtn {
    background-color: #D80015;
    color: #fff;
    float: right;
    margin-right: 5%;
}

.cancelbtn {
    float: left;
    margin-left: 5%;
    color: #D80015;
}
.cell1 {
    width: 100%;
    height: 100%;
}
.cell--content {
    display: none !important;
}
.cell--avator {
    display: none;
}
.cell--messagecard {
    height: 100% !important;
    border: none !important;
}
.QrCode {
    top: 0;
    left: 0px;
    width: 100%;
    position: absolute;
}
.titles {
    margin-top: 240rpx;
}

.QrcodeBox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
}
.cell--button_primary {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
}

/* 同程底部优惠券 */
.tcyhq {
    width: 700rpx;
    height: 240rpx;
}

.mylists {
	top: 50%;
	left: 0px;
	width: 60rpx;
	display: flex;
	height: 220rpx;
	position: fixed;
	color: #ffffff;
	font-size: 26rpx;
	text-align: center;
	line-height: 30rpx;
	margin-top: -125rpx;
	padding: 15rpx 0rpx;
	align-items: center;
	background: #ed480e;
	justify-content: center;
	border-top-right-radius: 30rpx;
	border-bottom-right-radius: 30rpx;
}

.mylists text {
	display: inline-block;
}